 /* 初始化css样式 */
 /* 清零所有标签的内外边距 */
 
 * {
     margin: 0;
     padding: 0;
     /* 盒子大小为width，padding和margin不会撑大盒子（前提是padding和margin不会超过width宽度） */
     box-sizing: border-box;
     /* 主题色 */
     --themeColor: #c81623
 }
 
 .style_red {
     color: #c81623;
 }
 /* 去掉li的圆点 */
 
 li {
     list-style: none;
 }
 /* 去掉斜体 */
 
 em,
 i {
     font-style: normal;
 }
 
 a {
     text-decoration: none;
     color: #666;
 }
 
 a:hover {
     color: #e33333;
 }
 
 img {
     /* 照顾低版本浏览器，如果图片外面有链接，默认会有边框 */
     border: 0;
     /* 取消图片底侧有空白缝隙 */
     vertical-align: middle;
 }
 
 button {
     /* 鼠标经过按钮变为小手 */
     cursor: pointer;
     outline: none;
 }
 
 input,
 textarea {
     outline: none;
     border: 0;
 }
 
 body {
     /* 抗锯齿，让文字放大不会有锯齿 */
     -webkit-font-smoothing: antialiased;
     background: #fff;
     /* "\5B8B\4F53"宋体的unicode编码，兼容性更好 */
     font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
     color: #666;
 }
 
 .hide,
 .none {
     display: none
 }
 /* 闭合浮动写法，双伪元素 */
 
 .clearfix:after,
 .clearfix:before {
     content: "";
     /* 转换为块级元素，且显示在一行 */
     display: table;
 }
 
 .clearfix:after {
     clear: both;
 }
 
 .clearfix {
     zoom: 1;
 }
 /* 单行文本文字过多省略号代替 */
 
 .single_ellipsis {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }